<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="{{filePath}}html/breadRankingList/index.css" />
  <link rel="preload" href="{{filePath}}image/bg.jpeg" as="image" />
  <link rel="preload" href="{{filePath}}image/breadRankingList/{{imageType}}.png" as="image" />
  <link rel="shortcut icon" href="#" />
</head>

<body>
  <div class="container" id="container">
    <div class="head_box">

      <h1 class="id_text">{{type}}{{defaultItem}}榜</h1>
      <h1 class="day_text">排行榜 - Top{{quantity}}</h1>

      <img class="genshin_logo" src="{{filePath}}image/breadRankingList/{{imageType}}.png" />
    </div>
    <div class="list">

      {{each rankingData item index}}
      <div class="item">
        <div class="image">
          <img class="icon" src="{{filePath}}image/breadRankingList/{{index < 3 ? `top${index}` : imageType}}.png" />
        </div>
        <div class="avatar">
          <img class="icon" src="{{item.headPortrait}}" />
        </div>

        <div class="title">{{item.name}}</div>
        <div class="dec">Lv.<span class="exp">{{item.lv}}</span> {{defaultItem}}<span
            class="exp">{{item.number}}</span>个 </div>

      </div>
      {{/each}}
    </div>
    <div class="logo">Html By trss-xianxin-plugin</div>
  </div>
</body>

</html>